<template>
  <div class="dialog_box">
    <el-dialog title="新增用户信息" :close-on-click-modal="false" v-model="isShowDialog" center width="800px">
      <div>弹框</div>
      <template #footer>
				<span class="dialog-footer">
					<el-button @click="onCancel" size="small">取 消</el-button>
					<el-button type="primary" @click="onSubmit" size="small">确 认</el-button>
				</span>
      </template>
    </el-dialog>
  </div>
</template>

<script setup lang="ts">
import {ref, reactive, toRefs, onMounted} from 'vue'

const isShowDialog = ref(false)

const openDialog = () => {
  isShowDialog.value = true
}
const onCancel = () => {
  isShowDialog.value = false
}
const onSubmit = () => {
  isShowDialog.value = false
}
defineExpose({
  isShowDialog,
  openDialog,
  onCancel,
  onSubmit,
})
</script>
<style scoped lang="scss">

</style>